/***
 * state修改的异步性
 */
import React, { Component } from 'react'
export default class App extends Component {
  state = {
    num: 1
  }
  add = () => {
    // sst快捷方式
    // 需要获取到修改后的值
    // this.setState({修改state的对象结构},()=>{回调函数,获取修改后的结果})
    // 默认情况下setState修改状态是异步[不阻塞,提高渲染效率]的,可以通过回掉函数获取到修改后的状态
    this.setState({ num: this.state.num + 8 }, () => {
      console.log(this.state.num)
    })
    // 此处num为？
    console.log(this.state.num)
  }
  render() {
    return (
      <div>
        <button onClick={this.add}>{this.state.num}</button>
      </div>
    )
  }
}
